<template>
	<view class='content'>
		<view class="cu-form-group ">
			<view class="title">加我为好友时需要验证</view>
			<switch @change="SwitchA" :class="switchA?'checked':''" :checked="switchA?true:false"></switch>
		</view>
		<view class="cu-list menu card-menu margin-top-xl margin-bottom-xl shadow-lg">
			<view class="cu-item arrow" >
				<view class="content" @click="navto('/pages/addTheway/addTheway')">
					<text class=""></text>
					<text class="text-grey">添加我的方式</text>
				</view>
			</view>
		</view>
		<view class="cu-list menu card-menu margin-top-xl margin-bottom-xl shadow-lg">
			<view class="cu-item arrow" >
				<view class="content" @click="navto('/pages/set/child/theBlacklist')">
					<text class=""></text>
					<text class="text-grey">黑名单</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return{
				switchA: true
			}
		},
		onShow() {
			this.$msgchat.initwork();
		},
		onLoad(){
			
		},
		methods:{
			SwitchA(e) {
				this.switchA = e.detail.value
			},
			navto(urls){
				uni.navigateTo({
					url: urls
				})
			}
		}
	}
</script>

<style lang="scss">
	page{
		height: 100%;
		background: $uni-color-bei;
	}
	.cu-form-group{
		border-top: 1px solid $uni-color-bei;
	}
	.cu-list{
		background: #fff;
		margin-left: 0!important;
		margin-right: 0!important;
		border-radius: 0!important;
		margin-top: 30upx;
	}
	.text-grey{
		color: $uni-text-color;
	}

	.content{
		height: 100%;
	}
</style>
